Redux is Basically a State Management Tool Used For The Management Of State\nThe Main Things Which We Used In Redux Are :-
\n1.Store\n2.Reducers\n3.Actions\n4.Methods
\nStore:- The Store Is Place Where We Kept Our State.
\nReducers:- The Reducer Is a Pure Function Which By Default Takes Two Parameters In It\nFirst Is State Which We Want To Update And Second The Action.
\nAction:- Action Is an Object Which Is The Second Parameter Of The Reducer Function It Is Having The Type Key In Itself.
\nMethods:- Methods Are The Pre-defined Functions Which Are Provided By The Store To Us\nBy Using The Methods We Can Easily Interact With State Management Process.
\nEntire Work Flow Of The Redux:-\nFirst Of All We Needed A Function Called Reducer Function Which Having Two Parameters in It\nOne Is State And Another One Is Action Object.
\nfunction reducer(state,action) {\nif(conditional) {\nUpdated State\n}\nEsle {}\n}Now Make a Store And Put The Reducer Function In it
\nimport { createStore } from \"redux\"\n\nconst store = createStore(reducer)The Store Now Provides Some Of The Methods Which Are Given Below:-
\n1.store.dispatch()\n2.store.subscribe()\n3 store.getState()These Methods Are Explain Below:
\n1 store.dispatch() :-\nThe Store Dispatch Is Method To Interact With The Action Object Or Dispatching An Action.\n\n2.store.subscribe() :-\nThis Method is providing The Whole Information if There Is Any change In The Store\n\n3 store.getState() :-\nThis Method Is Generally Used For Getting The Updated State.Explanation Of The React -Redux
\nWhen We Are Using The React With Redux Then We Use The React-Redux Package.\nNow We Generally Used The React-Redux Package Because We Having The Store\nWhich Is Called The Central Store Now When We Provide Access To All The Components\nOf Our Parent Component In React Application Then We Need React-Redux
\nStep 1.:-\nImporting The Provider From React-Redux By
\nimport { Provider } from \"react-redux\"We Use That Provider In The Main Parent Component Which Gives Access Of The Store To The Children Components Presented In It Example Given Below
\nReactDOM.render(\n <Provider store={Store}>\n <App />\n </Provider>,\n document.getElementById(\"root\")\n)